<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <!--引入elementui得样式-->
    <link type="text/css" rel="stylesheet" href="/css/index.css"/>
    <!--引入vue得依赖必须再elementui之前引入vue-->
    <script type="text/javascript" src="/js/vue.js"></script>
    <script type="text/javascript" src="/js/index.js"></script>
    <script type="text/javascript" src="/js/axios.min.js"></script>
    <script type="text/javascript" src="/js/qs.min.js"></script>
</head>
<body>
    <div id="app">
      <div>

          <el-form :label-position="labelPosition" label-width="200px" :model="adminMessageForm" label-width="80px" >

              <div id="aaa">
              <el-form-item label="头像">
                  <template slot-scope="scope">
                      <img :src="adminMessageForm.adminUrl" width="200px" height="200px"/>
                  </template>
              </el-form-item>
              </div>
              <div id="aa">
                  <p>
                  姓名:<el-span>{{adminMessageForm.name}}</el-span><br>
                      </p>
                  <p>
                  科室: <el-span>{{adminMessageForm.section.sectionName}}</el-span><br>
                      </p>
                <p>
                  学历: <el-span >{{adminMessageForm.education}}</el-span><br>
                </p>
                <p>
                  电话号码 <el-span>{{adminMessageForm.adminPhonenumber}}</el-span><br>
                    </p>
                <p>
                  身份证号:<el-span>{{adminMessageForm.idcard}}</el-span><br>
              </p>
              </div>
              <div id="c">
              <el-form-item label="简介">
                  <p>{{adminMessageForm.adminDesc}}</p>
              </el-form-item>
              </div>
          </el-form>
      </div>
    </div>
</body>
<script>
    var app = new Vue({
        el:"#app",
        data:{
            adminMessageForm:[],
            labelPosition: 'top',
        },
        created(){
           this.showAdminMessage();
        },
        methods:{
            showAdminMessage(){
                axios.post("admin/adminMessage").then(result=>{
                    console.log(result);
                    this.adminMessageForm=result.data.data;
                })
            }
        }
    })
</script>
<style>
#aaa,#aa{
    float: left;
    margin-left: 150px;
}
#aa{
    margin-left: 80px;
    margin-top: 50px;
}
#c{
    float: left;
    margin-left: 150px;
    clear:both;
}
p{
    line-height:20px
}
</style>
</html>